import { useState } from 'react';
import { v7 } from 'uuid';

const index = () => {
  const setId = () => {
    const arr = [{ name: 1 }, { name: 2 }];
    return arr.map((item) => ({ ...item, id: v7() })); // 正确生成 ID
  };

  // 正确使用 useState
  const [list, setList] = useState(setId);

  return (
    <>
      <div>{true}</div>
      <div>{null}</div>
      <div>{''}</div>
      <div>{false}</div>
      <div>{undefined}</div>
      <ul>
        {list.map((item) => {
          return <li key={item.id}>{item.name}</li>; // 使用 id 作为 key
        })}
      </ul>
    </>
  );
};

export default index;
